
@keyframes turn{
  0%{-webkit-transform:rotate(0deg);}
  25%{-webkit-transform:rotate(90deg);}
  50%{-webkit-transform:rotate(180deg);}
  75%{-webkit-transform:rotate(270deg);}
  100%{-webkit-transform:rotate(360deg);}
}

@keyframes turnAgainst{
  0%{-webkit-transform:rotate(360deg);}
  25%{-webkit-transform:rotate(270deg);}
  50%{-webkit-transform:rotate(180deg);}
  75%{-webkit-transform:rotate(90deg);}
  100%{-webkit-transform:rotate(0deg);}
}

@keyframes skewing{
  0%{-webkit-transform:rotate(-30deg);}
  50%{-webkit-transform:rotate(0deg);}
  100%{-webkit-transform:rotate(30deg);}
}


.panel-title {
  color: #0E1526;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;

  &:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 16px;
    background: #2C50EE;
    border-radius: 3px;
    margin-right: 8px;
    position: relative;
    top: -1.5px;
  }
}
